<template>
  <div>
    <div class="bar">
      <div>
        <span class="iconfont name" :class="iconClass"></span>
        {{myWhat}}
      </div>
      <span class="iconfont icon-you" @click="nextClick"></span>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    nextClick() {
      this.$emit("nextClick");
    }
  },
  props: ["iconClass", "myWhat"]
};
</script>



<style lang="less" scoped>
.bar {
  padding: 0vw 6.944vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 22.222vw;
  .name {
    padding-right: 2.778vw;
  }
  .iconfont {
    font-size: 6.111vw;
  }
}
</style>